<!--全文管理-->
<template>
  <div class="full">
    <a-tabs default-active-key="1">
      <a-tab-pane key="1" tab="全文备份记录">
        <el-table
          :data="TableData"
          highlight-current-row
          border
          height="100%"
          :row-style="{height:'40px'}"
          :cell-style="{padding:'0px'}"
          :header-cell-style="{background: '#FAFAFA', padding: 0, height: '40px', color: '#666666'}"
          style="width: 100%">
          <slot v-for="(item,index) in Columns">
            <el-table-column
              :key="index"
              :property="item.field"
              :label="item.title"
              :width="item.width"
              show-overflow-tooltip
              sortable>
            </el-table-column>
          </slot>
        </el-table>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  data () {
    return {
      TableData: [
        {
          AI_Index: 1,
          AI_Name: '脊背.xls',
          AI_Size: 19456,
          AI_UploadDateTime: '2020-06-01',
          AI_FileDateTime: '2020-06-01',
          AI_IsOCR: ''
        },
        {
          AI_Index: 2,
          AI_Name: '案卷分类批量导出.xls',
          AI_Size: 6651819,
          AI_UploadDateTime: '2020-06-02',
          AI_FileDateTime: '2020-06-02',
          AI_IsOCR: ''
        },
        {
          AI_Index: 3,
          AI_Name: '卷内目录.xls',
          AI_Size: 13824,
          AI_UploadDateTime: '2020-06-03',
          AI_FileDateTime: '2020-06-03',
          AI_IsOCR: ''
        },
        {
          AI_Index: 4,
          AI_Name: '315066.jpg',
          AI_Size: 188803,
          AI_UploadDateTime: '2020-06-04',
          AI_FileDateTime: '2020-06-04',
          AI_IsOCR: ''
        }
      ],
      Columns: [
        {
          title: '顺序号',
          field: 'AI_Index'
        },
        {
          title: '文件名',
          field: 'AI_Name'
        },
        {
          title: '文件大小',
          field: 'AI_Size'
        },
        {
          title: '上传时间',
          field: 'AI_UploadDateTime'
        },
        {
          title: '创建时间',
          field: 'AI_FileDateTime'
        },
        {
          title: 'OCR状态',
          field: 'AI_IsOCR'
        }
      ]
    }
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style lang="less" scoped>
.full {
  width: 100%;
  height: 100%;
  padding: 10px 10px 0;
  background: #f0f2f5;
  /deep/ .ant-tabs {
    height: 100%;
    background: #FFF;
    .ant-tabs-bar {
      margin: 0;
    }
    .ant-tabs-content {
      height: calc(100% - 44px);
      padding: 10px;
    }
  }
}
</style>
